<!-- 问题反馈列表 -->
<template>
	<view class="feedback-list">
		<view v-for="(item,index) in 4" :key="index" class="list">
			<view class="left">
				<h3>反馈内容</h3>
				<view class="content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</view>
				<view class="time">2020-11-22</view>
			</view>
			<view class="right">
				<image src="../../static/images/chat/sys_head.png" mode="">
					
				</image>
			</view>
		</view>
		<!-- 底部按钮 -->
		<view class="foot_box u-flex u-row-between u-col-center">
			<button class="u-reset-button post-btn" @tap="$Router.push('/pages/public/feedback')">我要反馈</button>
			<!-- <button class="u-reset-button contact-btn" @tap="onService">联系客服</button> -->
		</view>
	</view>
</template>

<script>
	
</script>

<style lang="scss" scoped>
	.feedback-list{
		width: 95%;
		margin: 20rpx auto;
		background-color: #fff;
		border-radius: 20rpx;
		.list{
			display: flex;
			justify-content: space-between;
			border-bottom: 1rpx solid #F1F1F1;
			padding: 30rpx;
			.left{
				width: 50%;
				.content{
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					overflow:hidden;
					-webkit-box-orient: vertical;
					color: #999999;
				}
				.time{
					color: #999999;
					margin-top: 10rpx;
					font-size: 10rpx;
				}
			}
			.right{
				width: 40%;
				image{
					width: 100%;
					height: 160rpx;
				}
			}
		}
	}
	// 底部按钮
	.foot_box {
		height: 100rpx;
		width: 100%;
		margin-top: 100rpx;
		.contact-btn {
			width: 340rpx;
			line-height: 74rpx;
			background: linear-gradient(90deg, rgba(103, 104, 105, 1), rgba(82, 82, 82, 1));
			box-shadow: 0px 2rpx 5rpx 0px rgba(102, 103, 104, 0.46);
			border-radius: 35rpx;
			font-size: 28rpx;
	
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}
		.post-btn {
			width: 340rpx;
			margin: 0 auto;
			line-height: 74rpx;
			background: linear-gradient(90deg, #FA6E3F, #FEAB55);
			box-shadow: 0px 7rpx 6rpx 0rpx rgba(229, 138, 0, 0.22);
			border-radius: 37rpx;
			font-size: 28rpx;
	
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}
	}
</style>
